google.load('visualization', '1.0', {'packages':['corechart']});
google.setOnLoadCallback(function(){
  var data = new google.visualization.DataTable();
       data.addColumn('string', '日');
       data.addColumn('number', 'DL数');
       data.addColumn('number', 'Googleセルラン');
       data.addColumn('number', 'iOSセルラン');
       data.addColumn({type:'string', role:'annotation'});
       data.addColumn({type:'string', role:'annotationText'});
       data.addRows([
        ['2023-02-04',784346,317,null,null,null],
['2023-02-05',785092,290,null,null,null],
['2023-02-06',785092,282,null,null,null],
['2023-02-07',785092,282,null,null,null],
['2023-02-08',785092,274,null,null,null],
['2023-02-09',785092,282,null,null,null],
['2023-02-10',787854,303,null,null,null],
['2023-02-11',788292,376,113,null,null],
['2023-02-12',788577,368,156,null,null],
['2023-02-13',789237,314,198,null,null],
['2023-02-14',789688,293,null,null,null],
['2023-02-15',790121,305,null,null,null],
['2023-02-16',790944,302,null,null,null],
['2023-02-17',790944,304,null,null,null],
['2023-02-18',791459,302,null,null,null],
['2023-02-19',792447,326,null,null,null],
['2023-02-20',793030,408,null,null,null],
['2023-02-21',793374,460,null,null,null],
['2023-02-22',793898,480,null,null,null],
['2023-02-23',794134,493,null,null,null],
['2023-02-24',794729,508,null,null,null],
['2023-02-25',795172,517,null,null,null],
['2023-02-26',795172,547,null,null,null],
['2023-02-27',795652,556,null,null,null],
['2023-02-28',796168,562,null,null,null],
['2023-03-01',796472,568,167,null,null],
['2023-03-02',796472,492,null,null,null],
['2023-03-03',797285,495,null,null,null],
['2023-03-04',797605,451,null,null,null],
['2023-03-05',797969,404,null,null,null],
['2023-03-06',798398,406,null,null,null],
['2023-03-07',798931,407,null,null,null],
['2023-03-08',799224,401,null,null,null],
['2023-03-09',799595,402,null,null,null],
['2023-03-10',799942,402,null,null,null],
['2023-03-11',800295,402,null,null,null],
['2023-03-12',800755,398,null,null,null],
['2023-03-13',801216,406,null,null,null],
['2023-03-14',801753,406,null,null,null],
['2023-03-15',801753,null,null,null,null],
['2023-03-16',802727,null,null,null,null],
['2023-03-17',803057,null,null,null,null],
['2023-03-18',803315,null,null,null,null],
['2023-03-19',803938,null,null,null,null],
['2023-03-20',803938,null,null,null,null],
['2023-03-21',804441,null,null,null,null],
['2023-03-22',804665,null,null,null,null],
['2023-03-23',804994,null,null,null,null],
['2023-03-24',805343,null,null,null,null],
['2023-03-25',805740,null,null,null,null],
['2023-03-26',806063,null,null,null,null],
['2023-03-27',806532,null,null,null,null],
['2023-03-28',807020,null,null,null,null],
['2023-03-29',807423,null,null,null,null],
['2023-03-30',807766,null,null,null,null],
['2023-03-31',807869,null,null,null,null],
['2023-04-01',807869,null,null,null,null],
['2023-04-02',807869,null,null,null,null],
['2023-04-03',807869,null,null,null,null],
['2023-04-04',810220,null,null,null,null],
['2023-04-05',810220,null,null,null,null]
        ]);
  var options = {
    chartArea: {'width':'85%', 'height':'65%', 'left':60 },
    'pointSize': 3,
    legend: {position: 'top' },
    vAxes:[
      {direction:1},
      {direction:-1,viewWindow:{min:0,max:500}}
    ],
    series: {
      0:{
        type: 'bars',
        color: 'skyblue',
        targetAxisIndex: 0,
      },
      1:{
        type: 'line',
        color: 'seagreen',                
        targetAxisIndex: 1,
      },
      2:{
        type: 'line',
        color: 'red',                
        targetAxisIndex: 1,
      },
    },
    tooltip: { trigger: 'both' },
    focusTarget: 'category',
    colors:['#2980b9','#e74c3c']
  };
  var chart = new google.visualization.ComboChart(document.getElementById('graphField'));
  chart.draw(data, options);
  
  google.visualization.events.addListener(chart, 'click', function() {
    if(chart.getSelection()[0]){
      chart.setSelection(null)
    }
  });


});